<template>
	<div class="datas-container">
		<div class="data-item">
			经度: <span class="fang">{{ msgObj.weidu }} {{ msgObj.weiduP }}</span>
		</div>
		<div class="data-item">
			纬度: <span class="fang">{{ msgObj.jingdu }} {{ msgObj.jingduP }}</span>
		</div>
		<div class="data-item">
			海拔: <span class="fang">{{ msgObj.altitude }} 米</span>
		</div>
		<div class="data-item">
			参考椭圆和地平线高度: <span class="fang">{{ msgObj.height }} 米</span>
		</div>
	</div>
</template>

<script>
export default {
	name: 'Datas',
	props: {
		msgObj: {
			type: Object,
			default() {
				return {
					hour: '--',
					minute: '--',
					second: '--',
					weidu: '--.--',
					weiduP: '-',
					jingdu: '--.--',
					jingduP: '-',
					altitude: '--.--',
					height: '--.--',
					normalSpeed: '--.--',
					course: '--',
					year: '----',
					month: '--',
					day: '--',
					valid: '1',
				}
			},
		},
	},
}
</script>

<style lang="less" scoped>
.datas-container {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	.data-item {
		width: 100%;
		text-align: center;
	}
}
.fang {
	font-weight: 700;
}
</style>
